<!DOCTYPE html>
<html lang="en">

<head>

	<meta charset="utf-8">

	<title>ZIde</title>

	<meta id="viewport" name="viewport"
		content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<meta name="apple-mobile-web-app-capable" content="yes">


	<link rel="shortcut icon" type="image/png" href="./favicon.png">


	<script type="text/javascript" src="./lib/howler.min.js"></script>
	<script type="text/javascript" src="./lib/pako.min.js"></script>
	<script type="text/javascript" src="./lib/FileSaver.min.js"></script>
	<script type="text/javascript" src="./ZIde.js"></script>
	<script type="text/javascript" src="./china/pingyin.js"></script>
	<script type="text/javascript" src="./photoshop/psd.js"></script>

	<script>
		window.addEventListener("touchmove", function (event) { event.preventDefault(); }, { capture: false, passive: false });
		if (typeof window.devicePixelRatio != 'undefined' && window.devicePixelRatio > 2) {
			var meta = document.getElementById("viewport");
			meta.setAttribute('content', 'width=device-width, initial-scale=' + (2 / window.devicePixelRatio) + ', user-scalable=no');
		}
	</script>

	<style>
		html,
		body {
			margin: 0;
			padding: 0;
			height: 100%;
			overflow: hidden;
		}

		#content {
			background: #000000;
			width: 100%;
			height: 100%;
		}
	</style>

</head>

<body>

	<div id="content"></div>

	<script type="text/javascript">
		lime.embed("ZIde", "content", 0, 0);
	</script>

	<script type="text/javascript" src="./game/ZIde-UI.js"></script>
	<script type="text/javascript">
		window.onLimeEnbed = function () {
			console.log("嵌入：", window.canvas);
			lime.embed("ZIde-UI", window.canvas, 800, 480);
		}
	</script>
</body>

</html>